<template>
  <!-- 联系我们 -->
  <view>
    	<u-cell-group>
    		<u-cell-item :title-style="{'color':'#ffffff'}" hover-class="none" bg-color="#000000"  title="官网" value="https://www.vtrading.com"></u-cell-item>
        <u-cell-item :title-style="{'color':'#ffffff'}" hover-class="none" bg-color="#000000"  title="微信" value="abced" @click="show=true"></u-cell-item>
        <u-cell-item :title-style="{'color':'#ffffff'}" hover-class="none" bg-color="#000000" title="Teletram" value="vtradingofficial"></u-cell-item>
        <u-cell-item :title-style="{'color':'#ffffff'}" hover-class="none" bg-color="#000000" title="Twitter" value="vtrading2021"></u-cell-item>
        <u-cell-item :title-style="{'color':'#ffffff'}" hover-class="none" bg-color="#000000" title="邮箱" value="fsjlksj@ff.com"></u-cell-item>
    	</u-cell-group>
      <!-- 微信弹出层开始 -->
      <u-popup v-model="show" mode="bottom" :closeable="true" mask :mask-close-able="false" close-icon-pos="top-left" length="60%">
      			<view class="wechat-box">
              <view class="wechat-text">微信</view>
              <view class="wechat-bottom">
                <view class="wechat-img">
                  <image src="../../static/qrcode.png" mode=""></image>
                </view>
                <text>添加微信进群：Jone-LRH</text>
              </view>
             <button class="weixinhao" type="primary">复制微信号</button>
             <button class="weixinhao" type="primary">保存二维码到相册</button>
            </view>
      		</u-popup>
      <!-- 微信弹出层结束 -->
  </view>
</template>

<script>
  export default {
    data() {
      return {
        show:false // 微信弹出层显示与隐藏
      }
    },
    methods: {
      
    }
  }
</script>

<style>
    .wechat-box{
      width: 100%;
      height: 100%;
      background-color: #131b28;
      color: #FFFFFF;
    }
    .wechat-text{
      font-size: 36rpx;
      text-align: center;
      padding-top: 40rpx;
    }
    .wechat-img{
      width: 200rpx;
      height: 200rpx;
      margin: 80rpx 0 60rpx;
    }
    .wechat-img image{
      width: 100%;
      height: 100%;
    }
    .wechat-bottom{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-bottom: 90rpx;
    }
    .weixinhao{
      margin: 20rpx 40rpx 0;
    }

</style>
